<template>
  <div class="main h-[calc(100%-29px)] flex justify-between">
    <div class="left w-[790px]">
      <left @set-row-obj="setRowObj" />
    </div>
    <div class="right w-[calc(100%-800px)]">
      <right :activeDict="rowData" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import left from "./left.vue";
import right from "./right.vue";
const rowData = ref(null);
const setRowObj = row => {
  rowData.value = row;
};
</script>
